/* header */
.header {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: black;
    .logo {
        img {
            margin-right: 10px;
            vertical-align: middle;
        }
    }
}
.top_selects {
    li {
        position: relative;

        &:hover {
            .box_info {
                display: block;
            }
            .icon-down {
                transform: rotate(-180deg);
            }
        }

        &.spacer {
            overflow: hidden;
            margin: 18px 9px 0;
            width: 1px;
            height: 14px;
        }

        span {
            cursor: pointer;
        }
        .icon-down {
            position: relative;
            top: 1px;
            margin-left: 4px;
            transition: transform .1s ease in 0s;
        }
        .box_info {
            display: none;
            position: absolute;
            z-index: 20;
            border: 1px solid #C7C5C6;
            border-top: none;
            background-color: #fff;
            li { line-height: 32px; }
            a {
                display: inline-block;
                height: 32px;
                line-height: 32px;
                text-align: left;
                padding: 0 12px;

                &:hover {
                    background-color: #ededed;
                }
            }
        }
        .help {
            a {
                width: 72px;                
            }
        }
        .siteMap {
            a {
                width: 100px;
            }
        }
    }

    .login_link {
        margin-left: 3px;
        color: #fff;

        &:hover { color: #E42129; }
    }
    .reg_link {
        margin-left: 6px;
        color: #E42129;
    }
}
/* header End */